<template>
	<div id="app">
		<!-- <keep-alive>
            <router-view class="child-view" v-if="$route.meta.keepAlive"/>
        </keep-alive>
        <router-view class="child-view" v-if="!$route.meta.keepAlive"/> -->
		<router-view />
	</div>
</template>

<script>
	export default {
		name: "App",
		created () { 
			//在页面加载时读取sessionStorage里的状态信息 
			if (sessionStorage.getItem("store") ) { 
				this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("store"))))
			} 
			//在页面刷新时将vuex里的信息保存到sessionStorage里 
			window.addEventListener("beforeunload",()=>{ 
				sessionStorage.setItem("store",JSON.stringify(this.$store.state)) 
			})
		},
		mounted(){
			if (!!window.ActiveXObject || 'ActiveXObject' in window) {
				window.addEventListener('hashchange', () => {
					let currentPath = window.location.hash.slice(1)
					if (this.$route.path !== currentPath) {
						this.$router.push(currentPath);// 主动更改路由界面
					}
				}, false);
			}
		}
	};
</script>

<style  lang="scss">
	html,body {
		width: 100%;
		height: 100%;
	}
	*{
		margin:0;
		padding: 0;
	}
	#app{
		height:100%;
	}
	.fullWidth{
		width: 100% !important;
	}
</style>
